<template>
  <view class="container">
    <!-- 顶部通知栏区域 -->
    <!--		<view class="naviBar disb aic">-->
    <!--			<view class="address disp aic">-->
    <!--				<image :src="imguser+'/minis/home/address.png'"  mode=""></image>-->
    <!--				<text>{{address}}</text>-->
    <!--			</view>-->
    <!--			<view class="messa" @click="click">-->
    <!--				<image class="messagePic" :src="imguser+'/minis/home/message.png'" mode=""></image>-->
    <!--				<view class="see" v-if="isRead"></view>-->
    <!--			</view>-->
    <!--		</view>-->

    <client v-if='tabBarRole==0' :bannerList='bannerList' :newsList='newsList' />

    <!--  金融相关资讯  -->
    <client v-if='tabBarRole==0 && financeFlag' :bannerList='bannerList' :financeFlag='financeFlag'
            :rollList='rollList' :successList='successList' :salesmanList='salesmanList' :newsList='newsList' />

    <warrant v-if='tabBarRole==1' :objs='objs' />
    <!-- <view class=" tablenav">
      <view class="span" @click="openfw(1)">
        重庆市区<u-icon name="arrow-down" color="#4473c5" size="10"></u-icon>
      </view>
      <view class="span" @click="openfw(2)">
        面积<u-icon name="arrow-down" color="#4473c5" size="10"></u-icon>
      </view>
      <view class="span" @click="openfw(3)">
        价格<u-icon name="arrow-down" color="#4473c5" size="10"></u-icon>
      </view>
      <view class="span" @click="openfw(4)">
        更多<u-icon name="arrow-down" color="#4473c5" size="10"></u-icon>
      </view>

    </view> -->
    <!-- <view class="fqlist">
      <view class="ul">
        <view class="li" v-for="(item,index) in fylist" :key="index" @click="tofwtail(item.id)">
          <view class="tpic">
            <image v-if='item.backgroundPic' :src="item.backgroundPic"></image>
            <image v-if='!item.backgroundPic' :src="item.coverPicList[0]"></image>
          </view>
          <view class="text">
            <view class="dt">
              <text class="sb">{{item.auctionNumber}}</text>
              {{item.title}}
            </view>
            <view class="mj">{{item.area}}m²</view>
            <view class="zk" v-if="item.discount">{{item.discount}}折</view>
            <view class="span">
              起拍价 <view class="jg">{{item.startingPrice}}万</view>
              市场价 <view class="str">{{item.marketPrice}}万</view>
            </view>
            <view class="qp_p">
              <view class="p">
                起拍时间 {{getTime(item.createTime)}}
              </view>
              <view class="p">
                {{item.auctionState}}
              </view>
            </view>
          </view>
        </view>

      </view>
    </view> -->

    <u-popup :show="fwshow" @close="close" @open="open" mode="top">
      <view style="margin-top: 200rpx;">
        <view class=" tablenav">
          <view class="span" @click="fytc(1)">
            区域
            <u-icon name="arrow-down" color="#2c4bf3" size="10"></u-icon>
          </view>
          <view class="span" @click="fytc(2)">
            面积
            <u-icon name="arrow-down" color="#2c4bf3" size="10"></u-icon>
          </view>
          <view class="span" @click="fytc(3)">
            价格
            <u-icon name="arrow-down" color="#2c4bf3" size="10"></u-icon>
          </view>
          <view class="span" @click="fytc(4)">
            更多
            <u-icon name="arrow-down" color="#2c4bf3" size="10"></u-icon>
          </view>
          <!-- 	<view class="span">
            排序<u-icon name="arrow-down" color="#4473c5" size="10"></u-icon>
          </view> -->
        </view>
        <view class="ul qy" v-if="fwtype == 1">
          <view class="item" v-for="(item,index) in quyulist" :key="index" @click="clickqy(item)">
            {{ item }}
          </view>


        </view>

        <view class="mianji ul" v-if="fwtype == 2">
          <view class="span" v-for="(item,index) in mjlist" :key="index" @click="clickmj(item.value)">
            {{ item.label }}
          </view>

        </view>
        <view class="ul jiage" v-if="fwtype == 3">
          <view class="span" v-for="(item,index) in jglist" :key="index" @click="clickjg(item.value)">
            {{ item.label }}
          </view>

        </view>
        <view class="ul gengduo" v-if="fwtype == 4">
          <view class="dt">
            拍卖方式
          </view>
          <view class="p">
            <view class="span" v-for="(item,index) in pmfslist" :key="index" @click="clickfs(item)">
              {{ item }}
            </view>

          </view>
          <view class="dt">
            拍卖状态
          </view>
          <view class="p">
            <view class="span" v-for="(item,index) in pmztlist" :key="index" @click="clickzt(item.value)">
              {{ item.label }}
            </view>

          </view>
        </view>
      </view>
      <view class="bot03">
        <view class="fl">
          <view class="ff1">
            <view class="">


              <u-icon name="reload" color="#666" size="14" left="10"></u-icon>
            </view>
            <view class="">
              重置
            </view>
          </view>

        </view>
        <view class="fr">
          <u-button @click="close" type="primary" text="确定"></u-button>
        </view>
      </view>
    </u-popup>
    <tabbar :current="0" :tabBarList="tabBerLists"></tabbar>
  </view>
</template>
<script>
import tabbar from "../../components/tabbar/tabbar.vue"
import client from "../../components/home/client.vue"
import warrant from "../../components/home/warrant.vue"
import QQMapWX from "@/common/positioning/qqmap-wx-jssdk.js"
import config from '@/common/config'
import tabBar from "@/utils/tabbar"
import {
  getUser,
  getCheck
} from '../../api/login.js'
import {
  getBanner,
  getRoll,
  getSuccess,
  getSalesman,
  getNews,
  getSuccessOrder,
  getSuccessMoney,
  getWarrant,
  getAgent,
  message,
  housingresourcepage,
  getFontByKey
} from "../../api/index.js"

export default {
  components: {
    tabbar,
    client,
    warrant
  },
  data() {
    return {
      imguser: config.baseImgUrl,
      address: '重庆市',
      isRead: false,
      fwshow: false,
      fwtype: 1,
      fylist: {},
      tabBerLists: [],
      userType: 1,
      financeFlag: false,
      tabBarRole: 0,
      bannerList: [],
      rollList: [],
      successList: [],
      salesmanList: [],
      isRefreshing: false, // 刷新状态
      newsList: [],
      quyulist: [
        '不限',
        '渝中区',
        '江北区',
        '渝北区',
        '九龙坡区',
        '沙坪坝区',
        '南岸区',
        '巴南区',
        '大渡口区',
        '北碚区'
      ],
      mjlist: [{
        "label": "50m²以下",
        "value": "1-50"
      },
        {
          "label": "50-70m²",
          "value": "50-70"
        },
        {
          "label": "70-90m²",
          "value": "70-90"
        },
        {
          "label": "90-120m²",
          "value": "90-120"
        },
        {
          "label": "120-150m²",
          "value": "120-150"
        },
        {
          "label": "150-200m²",
          "value": "150-200"
        },
        {
          "label": "200-300m²",
          "value": "200-300"
        },
        {
          "label": "300m²以上",
          "value": "300-3000"
        }
      ],
      jglist: [{
        "label": "50万以下",
        "value": "1-50"
      },
        {
          "label": "50-100万",
          "value": "50-100"
        },
        {
          "label": "100-150万",
          "value": "100-150"
        },
        {
          "label": "150-200万",
          "value": "150-200"
        },
        {
          "label": "200-300万",
          "value": "200-300"
        },
        {
          "label": "300-400万",
          "value": "300-400"
        },
        {
          "label": "400-500万",
          "value": "400-500"
        },
        {
          "label": "500-700万",
          "value": "500-700"
        },
        {
          "label": "700-1000万",
          "value": "700-1000"
        },
        {
          "label": "1000万以上",
          "value": "1000-10000"
        }
      ],
      pmfslist: [
        '一拍',
        '二拍',
        '变卖',
        '其他',
      ],
      pmztlist: [{
        "label": "未起拍",
        "value": "0"
      },
        {
          "label": "竞拍中",
          "value": "1"
        },
        {
          "label": "已结束",
          "value": "2"
        },
      ],
      latitude: '',
      longitude: '',
      quyu: '',
      mianji: '',
      jiage: '',
      pmfs: '',
      pmzt: '',
      pageNo: 1,
      isCheck: '',
      pageSize: 30,
      objs: {
        successOrder: 0,
        successMoney: 0,
        warrant: 0,
        agent: 0,
      }
    }
  },
  onLoad(query) {
    this.gettabbar()
    this.getWordings() // 获取文案配置信息
    // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
    const scene = decodeURIComponent(query.scene)

    console.log("scene:" + scene);
    if (scene != null && scene != undefined && scene != null && scene != 'undefined') {
      // 缓存存一个scene 用于登录后跳转至绑定页面携带参数
      uni.setStorageSync('loginScene', scene)
      uni.navigateTo({
        url: "/pages/index/binding?scene=" + `${encodeURIComponent(scene)}`
      })
    }else{
      uni.setStorageSync('loginScene', '')
    }
    //this.getCityInfo()
  },
  onLaunch() {
    this.gettabbar()
  },
  onShow() {
    this.tabBerLists = uni.getStorageSync('tabBarList') // 自定义的tabbar赋值
    let userinfo = uni.getStorageSync('userInfo')
    this.gethousingresource()
    this.gettabbar()
    this.getBannerList()
    this.getWordings()
    if (userinfo) {
      if (userinfo.userType == 2 || userinfo.userType == 3) {
        this.business()
      }
      this.getMessage()
      this.getUserInfo()
    }
  },
  methods: {
    onShareAppMessage() {
      return {
        title: '互抬',
        success: function(res) {
          // 转发成功
        },
        fail: function(err) {
          // 转发失败
        }
      }
    },
    onAddToFavorites() {},
    openfw(type) {
      this.fwshow = true
      this.fwtype = type
    },
    //获取用户信息
    getUserInfo() {
      getUser().then(res => {
        this.userType = res.data.userType
        uni.setStorageSync('userInfo', res.data)


      })
    },
    open() {
      // console.log('open');
    },
    close() {
      this.gethousingresourcepg();
      this.fwshow = false
      // console.log('close');
    },
    clickqy(val) {
      if (val == '不限') {
        this.quyu = '';
      } else {
        this.quyu = val;
      }

    },
    clickmj(val) {
      this.mianji = val;
    },
    clickjg(val) {
      this.jiage = val;
    },
    clickfs(val) {
      this.pmfs = val;
    },
    clickzt(val) {
      this.pmzt = val;
    },
    fytc(type) {
      this.fwtype = type;
    },
    // 用户端首页初始数据获取
    getBannerList() {
      getBanner({
        bannerType: 1
      }).then(res => {
        res.data.forEach(v => {
          this.bannerList.push(v.bannerImg)
        })
      })
      getRoll().then(res => {
        let arr = []
        res.data.forEach(v => {
          arr.push(v.title)
        })
        this.rollList = arr
      })
      getSuccess().then(res => {
        this.successList = res.data
      })
      getSalesman().then(res => {
        res.data.forEach(v => {
          if (v.customLabel) {
            v.customLabel = v.customLabel.split(',')
          }
        })
        this.salesmanList = res.data.slice(0, 5)
      })
      getNews().then(res => {
        this.newsList = res.data
      })
    },
    onPullDownRefresh() {
      getNews().then(res => {
        this.newsList = res.data
      })
      setTimeout(() => {
        uni.stopPullDownRefresh()
      }, 1000)
    },
    gettabbar() {
      getCheck().then(res => {
        this.userType = uni.getStorageSync('userInfo').userType
        this.financeFlag = res.data
        this.tabBarRole = uni.getStorageSync('tabBarRole')
        console.log("tabBarRole:" + this.tabBarRole)
        if (this.userType==5){
          uni.setStorageSync('tabBarList', tabBar[0])
        }else {
          if (this.financeFlag && this.tabBarRole != 1) {
            uni.setStorageSync('tabBarList', tabBar[1])
          } else if (!this.financeFlag && this.tabBarRole == 0) {
            uni.setStorageSync('tabBarList', tabBar[0])
          }
        }
        // const opList = [{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/home.png", // 未点击的图标
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/home-on.png", // 已点击的图标
        // 		text: '首页', // 标题
        // 		pagePath: "/pages/index/index", // 页面路径
        // 		name: "home", // 名字
        // 		index: '0' // 下标
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/housing.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/housing-on.png",
        // 		text: '房源',
        // 		pagePath: "/pages/index/fanyuanlist",
        // 		name: "fanyuanlist",
        // 		index: '1'
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/mys.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/home/mys-on.png",
        // 		text: '我的',
        // 		pagePath: "/pages/user/user",
        // 		name: "my",
        // 		index: '3'
        // 	},
        // ]
        // const swimList = [{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/home.png", // 未点击的图标
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/home-on.png", // 已点击的图标
        // 		text: '首页', // 标题
        // 		pagePath: "/pages/index/index", // 页面路径
        // 		name: "home", // 名字
        // 		index: '0' // 下标
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/housing.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/housing-on.png",
        // 		text: '房源',
        // 		pagePath: "/pages/index/fanyuanlist",
        // 		name: "fanyuanlist",
        // 		index: '1'
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl+"/minis/tabbar/finance.png",
        // 		selectedIconPath: config.baseImgUrl+"/minis/tabbar/finance-on.png",
        // 		text: '金融',
        // 		pagePath: "/pages/category/category",
        // 		name: "category",
        // 		index: '2'
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/mys.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/home/mys-on.png",
        // 		text: '我的',
        // 		pagePath: "/pages/user/user",
        // 		name: "my",
        // 		index: '3'
        // 	},
        // ]
        // // 业务员端
        // const adminList = [{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/home.png", // 未点击的图标
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/home-on.png", // 已点击的图标
        // 		text: '首页', // 标题
        // 		pagePath: "/pages/index/index", // 页面路径
        // 		name: "home", // 名字
        // 		index: '0' // 下标
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/client.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/home/client-on.png",
        // 		text: '客户列表',
        // 		pagePath: "/pages/search/search",
        // 		name: "search",
        // 		index: '2'
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/mys.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/home/mys-on.png",
        // 		text: '我的',
        // 		pagePath: "/pages/user/user",
        // 		name: "my",
        // 		index: '3'
        // 	},
        // ]
        // // 权证端
        // const warrantList = [{
        // 		iconPath: config.baseImgUrl + "/minis/tabbar/home.png", // 未点击的图标
        // 		selectedIconPath: config.baseImgUrl + "/minis/tabbar/home-on.png", // 已点击的图标
        // 		text: '首页', // 标题
        // 		pagePath: "/pages/index/index", // 页面路径
        // 		name: "home", // 名字
        // 		index: '0' // 下标
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/client.png",
        //     selectedIconPath: config.baseImgUrl + "/minis/home/client-on.png",
        // 		text: '客户列表',
        // 		pagePath: "/pages/search/search",
        // 		name: "search",
        // 		index: '2'
        // 	},
        // 	{
        // 		iconPath: config.baseImgUrl + "/minis/home/mys.png",
        // 		selectedIconPath: config.baseImgUrl + "/minis/home/mys-on.png",
        // 		text: '我的',
        // 		pagePath: "/pages/user/user",
        // 		name: "my",
        // 		index: '3'
        // 	},
        // ]
        //
        // const tabBarData = [opList, swimList, adminList, warrantList];

        // if (this.userType) {
        // 	if(!res.data && this.userType == 1){
        // 		this.userType = 0;
        // 	}
        //    uni.setStorageSync('tabBarList', tabBar[this.userType])
        // } else {
        // 	if(!res.data){
        // 	 uni.setStorageSync('tabBarList', tabBar[0])
        // 	}else{
        // 		uni.setStorageSync('tabBarList', tabBar[1])
        //   }
        // }


      })

    },
    //业务员端数据获取
    business() {
      //已完成订单
      getSuccessOrder().then(res => {
        this.objs.successOrder = res.data
      })
      //当月已成交金额
      getSuccessMoney().then(res => {
        this.objs.successMoney = res.data
      })
      //总代跟进客户
      getWarrant().then(res => {
        this.objs.warrant = res.data
      })
      //当月已跟进客户
      getAgent().then(res => {
        this.objs.agent = res.data
      })
    },
    // 获取当前位置
    getCityInfo() {
      let that = this
      const qqmapsdk = new QQMapWX({
        key: "QJYBZ-DOBWZ-6JKXI-ZB4TY-CR6ZJ-RKBKZ"
      });
      uni.authorize({
        scope: "scope.userLocation",
        success: () => {
          uni.getLocation({
            type: "gcj02", //  wgs84: 返回GPS坐标，gcj02: 返回国测局坐标
            success: res => {
              const {
                latitude,
                longitude
              } = res;
              const location = {
                latitude,
                longitude
              };
              qqmapsdk.reverseGeocoder({
                location,
                success(response) {
                  that.address = response.result
                      .address_component
                      .city
                }
              });
            }
          });
        },
        fail: () => {
          console.log("请授权获取你的位置，否则部分功能将无法使用！")
        },
      })
    },
    tofwtail(id) {
      uni.navigateTo({
        url: `/pages/index/fangwuDetail?id=${id}`
      })
    },
    //获取消息
    getMessage() {
      message().then(res => {
        res.data.forEach(v => {
          if (!v.readStatus) {
            this.isRead = true
          }
        })
      })
    },
    //时间戳转换
    getTime(time) {
      let data = new Date(time);
      let year = data.getFullYear();
      let month = data.getMonth() + 1;
      let day = data.getDate();
      let h = data.getHours();
      let mm = data.getMinutes();
      let s = data.getSeconds();
      month = month >= 10 ? month : "0" + month;
      day = day >= 10 ? day : "0" + day;
      h = h >= 10 ? h : "0" + h;
      mm = mm >= 10 ? mm : "0" + mm;
      s = s >= 10 ? s : "0" + s;
      return `${year}-${month}-${day} ${h}:${mm}:${s}`;
    },
    gethousingresource() {
      housingresourcepage({
        pageNo: this.pageNo,
        pageSize: this.pageSize

      }).then(res => {
        this.fylist = res.data.list
        console.log(res)
      })
    },
    gethousingresourcepg() {

      housingresourcepage({
        pageNo: this.pageNo,
        pageSize: this.pageSize,
        address: this.quyu,
        area: this.mianji,
        marketPrice: this.jiage,
        auctionNumber: this.pmfs,
        auctionState: this.pmzt

      }).then(res => {
        this.fylist = res.data.list

      })
    },

    //消息列表
    click() {
      uni.navigateTo({
        url: "/pages/index/messageList"
      })
    },
    // 获取文案配置并全局缓存
    getWordings() {
      getFontByKey('wording.param1').then(res => {
        if (res.data) {
          uni.setStorageSync('max_amount', res.data)
        }
      })

      getFontByKey('wording.param2').then(res => {
        if (res.data) {
          uni.setStorageSync('annual_interest', res.data)
        }
      })

      getFontByKey('wording.param3').then(res => {
        if (res.data) {
          uni.setStorageSync('loan_period', res.data)
        }
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.content {
  background-color: #f7f7f7;
}

.jiage {
  display: flex;
  padding: 20rpx 30rpx;
  flex-wrap: wrap;

  .span {
    display: inline-block;
    width: 156rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    font-size: 13px;
    background-color: rgb(248, 248, 248);
    color: #666;
    margin-right: 20rpx;
    margin-bottom: 20rpx;
  }

  .span:hover {
    color: rgb(68, 115, 197);
    background-color: rgb(233, 240, 252);
  }

  .span:nth-child(4n) {
    margin-right: 0;
  }
}

.mianji {
  display: flex;
  padding: 20rpx 30rpx;
  flex-wrap: wrap;

  .span {
    display: inline-block;
    width: 156rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    font-size: 13px;
    background-color: rgb(248, 248, 248);
    color: #666;
    margin-right: 20rpx;
    margin-bottom: 20rpx;
  }

  .span:hover {
    color: rgb(68, 115, 197);
    background-color: rgb(233, 240, 252);
  }

  .span:nth-child(4n) {
    margin-right: 0;
  }
}

.tablenav {
  display: flex;
  justify-content: space-around;
  margin: 20rpx 0;
}

.tablenav .span {
  color: rgb(68, 115, 197);
  display: flex;
  margin: 0 10rpx;
}

.u-icon {
  margin-left: 5rpx;
  justify-content: center;
}

.bot03 .fl .ff1 .u-icon {
  justify-content: center !important;
}

.qy .item {
  height: 80rpx;
  line-height: 80rpx;
  width: 200rpx;
  border: 2px solid #fff;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.qy .item:hover {
  color: rgb(68, 115, 197);
  border-left: 2px solid rgb(68, 115, 197);
}

.fqlist {
  display: flex;
}

.bot03 {
  display: flex;
  padding: 20rpx 30rpx;

  .fl {
    width: 100rpx;
    text-align: center;

    .ff1 {
      text-align: center;
    }
  }

  .fr {
    flex: 1;
  }
}

.fqlist .ul .li {
  display: flex;

  .jg {
    display: inline-block;
  }

  .str {
    display: inline-block;
  }

  padding: 10rpx 0;
  border-bottom: 1rpx solid #eee;

  .qp_p {
    margin-top: 10rpx;

    .p {
      font-size: 11px;
      color: rgb(68, 115, 197);
      background-color: #f0f2f7;
      border-radius: 20rpx;
      padding: 0 5px;
      display: inline-block;
      margin-right: 10rpx;
    }
  }
}

.fqlist .ul .li .tpic {
  width: 260rpx;
  height: 228rpx;
  background-color: #333;
  margin: 0 10rpx;
  margin-right: 30rpx;
}

.gengduo {
  padding: 20rpx;

  .span {
    display: inline-block;
    width: 156rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    font-size: 13px;
    background-color: rgb(248, 248, 248);
    color: #666;
    margin-right: 20rpx;
    margin-bottom: 20rpx;
  }

  .span:hover {
    color: rgb(68, 115, 197);
    background-color: rgb(233, 240, 252);
  }

  .span:nth-child(4n) {
    margin-right: 0;
  }
}

.gengduo .dt {
  font-size: 16px;
  margin-bottom: 20rpx;
}

.fqlist .ul .li .tpic image {
  width: 100%;
  height: 100%;
}

.fqlist .ul .li .text {
  flex: 1;
  margin-right: 10rpx;
}

.fqlist .ul .li .text .dt {
  font-size: 15px;

  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
}

.fqlist .ul .li .text .dt .sb {
  background-color: rgb(247, 77, 60);
  color: #fff;
  font-size: 15px;
  padding: 0 5px;
}

.fqlist .ul .li .text .span {
  font-size: 13px;
  margin-top: 10rpx;
  color: #666;
}

.fqlist .ul .li .text .mj {
  border: 1px solid rgb(68, 115, 197);
  color: rgb(68, 115, 197);
  height: 48rpx;
  line-height: 48rpx;
  padding: 0 10rpx;
  font-size: 12px;
  display: inline-block;
  margin-right: 10rpx;
}

.fqlist .ul .li .text .zk {
  border: 1px solid rgb(184, 184, 184);
  color: rgb(184, 184, 184);
  height: 48rpx;
  line-height: 48rpx;
  padding: 0 10rpx;
  font-size: 12px;
  display: inline-block;
}

.container {
  padding-bottom: 96rpx;

  .naviBar {
    height: 88rpx;
    padding: 0 20rpx;

    .address {
      image {
        width: 30rpx;
        height: 30rpx;
        margin-right: 10rpx;
      }
    }

    .messa {
      position: relative;

      .messagePic {
        width: 30rpx;
        height: 30rpx;
      }

      .see {
        width: 10rpx;
        height: 10rpx;
        border-radius: 50%;
        background-color: red;
        position: absolute;
        top: 8rpx;
        right: 2rpx;
      }
    }
  }
}
</style>